<template>
  <div class="home">
    <HomeLeft :lists="list1" />
    <HomeRight :lists="list1" />
  </div>
</template>

<script>
import { mapState, mapActions } from "vuex";
import HomeLeft from "../components/homeletf.vue";
import HomeRight from "../components/homeright.vue";
export default {
  name: "Home",
  components: {
    HomeLeft,
    HomeRight,
  },
  computed: {
    ...mapState("order", ["list1"]),
  },
  methods: {
    ...mapActions("order", ["Getorderlist"]),
  },
  mounted() {
    localStorage.getItem("orderlist") ? "" : this.Getorderlist();
  },
};
</script>
<style lang="scss" scoped>
.home {
  width: 100%;
  height: 100%;
  display: flex;
}
</style>
